<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">

        </form>
    </div>
</div>
<script>
    layui.use(['form', 'layer'],
    function() {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;


        //自定义验证规则
        form.verify({
            required2: function(value) {
                if (value.length < 5) {
                    return '昵称至少得5个字符啊';
                }
            },
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            pass1: function(value) {
                if ($('#L_pass').val() != $('#L_repass').val()) {
                    return '两次密码不一致';
                }
            }
        });

        //监听提交
        form.on('submit(add)',
            function(data) {
                console.log(data);
                var admin_id2=localStorage.getItem("admin_id");
                if (admin_id2==null){
                    admin_id2=localStorage.getItem("adminid");
                }
                var name = $("#username").val();
                var pass = $("#L_pass").val();
                var pass1 = $("#L_repass").val();
                var remarks = $("#remarks").val();
                if (pass != pass1){
                    alert("两次密码不一样");
                    return
                }
                $.ajax({
                    type:"post",
                    url:"/adminupdate",
                    data : JSON.stringify({admin_id:admin_id2,admin_name_n:name,admin_password:pass,admin_remarks:remarks}),
                    contentType : "application/json;charset=UTF-8",
                    success:function(data) {
                        console.log(data);
                        if(data.status==401){
                            alert("熔断开启，系统异常");
                            window.location.href="login.html";
                            return;
                        }
                        if(data.status==200) {
                            alert("修改成功");
                            window.location.href="adminlist.html";
                            return;
                            return;
                        }
                        if(data.status==500) {
                            alert("修改错误");
                            window.location.href="adminlist.html";
                            return;
                        }
                        if(data.status==null) {
                            alert("修改异常");
                            window.location.href="adminlist.html";
                            return;
                        }
                    }
                });
                return false;
            });

        //先查一遍根据id
        var admin_id=localStorage.getItem("admin_id");
        $.ajax({
            type:"POST",
            url: "/adminIdlist",
            contentType : "application/json;charset=UTF-8",
            data:JSON.stringify({
                admin_id:admin_id
            }),
            success: function (data) {
                console.log(data);
                if(data.status==401){
                    alert("熔断开启，系统异常");
                    window.location.href="./login.html";
                    return;
                }
                if(data.status==200){
                    var  lists = data.data;
                    for (var i = 0; i < lists.length; i++){
                        var html = "";
                        html +=`
             <div class="layui-form-item">
                <label for="username" class="layui-form-label">
                    <span class="x-red">*</span>登录名
                </label>
                <div class="layui-input-inline">
                    <input  type="text" id="username" name="username" value="${lists[i].admin_name_n}" required="" lay-verify="required"
                           autocomplete="off" class="layui-input" readonly>
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>将会成为您唯一的登入名
                </div>
            </div>


            <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">
                    <span class="x-red">*</span>密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_pass" name="L_pass" value="" required="" lay-verify="pass"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>请设置新密码
                </div>
            </div>

            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                    <span class="x-red">*</span>确认新的密码
                </label>
                <div class="layui-input-inline">
                    <input type="password" id="L_repass" name="repass" value="" required="" lay-verify="pass1"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

              <div class="layui-form-item">
                <label for="remarks" class="layui-form-label">
                    <span class="x-red">*</span>备注
                </label>
                <div class="layui-input-inline">
                    <input type="test" id="remarks" name="remarks" value="${lists[i].admin_remarks}" required="" lay-verify=""
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">
                </label>
                <button   class="layui-btn" lay-filter="add" lay-submit="">
                    提交
                </button>
                 <button  onclick="memberup1()" class="layui-btn" >
                    返回
                </button>
            </div>
                    `
                        $('.layui-form').append(html);
                    }
                    // window.location.reload();
                    // $(".layui-form-checked").not('.header').parents('tr').remove();
                }
                if(data.status==500){
                    alert("删除失败");
                    window.location.reload();
                    $(".layui-form-checked").not('.header').parents('tr').remove();
                }
            }
        });
    });
    function memberup1() {
        window.location.href="adminlist.html";
        return;
    }

</script>
<script>var _hmt = _hmt || []; (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();</script>
</body>

</html>
